/* GitHub 主题 - 清爽专业的浅色主题 */
.github {
  --bg-primary: #ffffff;
  --bg-secondary: #f6f8fa;
  --text-primary: #24292e;
  --text-secondary: #586069;
  --border-color: #e1e4e8;
  --accent-color: #0366d6;
  --hover-bg: #f3f4f6;
  --code-bg: #f6f8fa;
  --blockquote-bg: #f6f8fa;
  --blockquote-border: #dfe2e5;
}

/* Monokai 主题 - 经典的深色主题 */
.monokai {
  --bg-primary: #272822;
  --bg-secondary: #1e1f1c;
  --text-primary: #f8f8f2;
  --text-secondary: #a6e22e;
  --border-color: #3e3d32;
  --accent-color: #a6e22e;
  --hover-bg: #3e3d32;
  --code-bg: #3e3d32;
  --blockquote-bg: #3e3d32;
  --blockquote-border: #a6e22e;
}

/* Solarized Light 主题 - 护眼配色 */
.solarized {
  --bg-primary: #fdf6e3;
  --bg-secondary: #eee8d5;
  --text-primary: #657b83;
  --text-secondary: #93a1a1;
  --border-color: #eee8d5;
  --accent-color: #268bd2;
  --hover-bg: #eee8d5;
  --code-bg: #eee8d5;
  --blockquote-bg: #eee8d5;
  --blockquote-border: #268bd2;
}

/* Dracula 主题 - 现代深色主题 */
.dracula {
  --bg-primary: #282a36;
  --bg-secondary: #1e1f29;
  --text-primary: #f8f8f2;
  --text-secondary: #6272a4;
  --border-color: #44475a;
  --accent-color: #bd93f9;
  --hover-bg: #44475a;
  --code-bg: #44475a;
  --blockquote-bg: #44475a;
  --blockquote-border: #bd93f9;
}

/* 通用主题样式 */
.markdown-previewer {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.editor,
.preview-container {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
}

.editor textarea {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.preview {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.toolbar,
.status-bar {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

.toolbar button {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

.toolbar button:hover {
  background-color: var(--hover-bg);
}

.outline-panel {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

.outline-item {
  color: var(--text-primary);
}

.outline-item:hover {
  background-color: var(--hover-bg);
}

.outline-item.active {
  background-color: var(--accent-color);
  color: var(--bg-primary);
}

/* Markdown 内容样式 */
pre {
  background-color: var(--code-bg);
  border-color: var(--border-color);
}

blockquote {
  background-color: var(--blockquote-bg);
  border-left-color: var(--blockquote-border);
  color: var(--text-secondary);
}

a {
  color: var(--accent-color);
}

h1, h2 {
  border-bottom-color: var(--border-color);
  color: var(--text-primary);
}

table {
  border-color: var(--border-color);
}

th {
  background-color: var(--bg-secondary);
}

tr:nth-child(even) {
  background-color: var(--bg-secondary);
} 